<template>
  <ul class="todo-main">
    <TodoItem v-for="todo in todoList" :key="todo.id" v-bind = "todo" :removeList="removeList" :changeCheck="changeCheck" ></TodoItem>
  </ul>
</template>

<script>
import TodoItem from '@/compontens/TodoItem';
export default {
  name: "TodoMian",
  components:{ TodoItem },
  props:{
    todoList:{
      type:Array
    },
    removeList:{
      type:Function
    },
    changeCheck:Function
  },
  methods:{
    
  },
  mounted(){
  }
};

</script>

<style>
</style>